<!DOCTYPE html>
<html lang="cn">

<head>
    <!-- Required meta tags-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <!-- Chinese tags-->
     <meta name="description" content="全球10万用户正享用Websoft9提供的镜像库，包括：运行环境镜像、数据库镜像、建站镜像、WordPress等，7x24小时售后支持，专业快速解决软件安装和配置问题，助中小企业轻松用云。">
     <meta name="keywords" content="云计算，运行环境，镜像库，自动部署，云服务，安装网站，阿里云，华为云，腾讯云，AWS,Azure">
     <!-- english tags-->
     <meta name="description" content="100,000 users around the world are enjoying the image library provided by Websoft9, including: running environment image, database mirroring, website mirroring, WordPress, etc., 7x24 hours after-sales support, professionally solve software installation and configuration problems quickly, help SMEs easily use the cloud">
     <meta name="keywords" content="Cloud computing, runtime environment, image library, auto-deployment, cloud service, installation website, AWS,Azure,Huawei Cloud,Alibaba Cloud">
 

    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Hau Nguyen">

    <link rel="icon" href="favicon.ico" />
    <!-- Title Page-->
    <title>9Panel-用于Websoft9镜像的快速入门小工具</title>

    <!-- Fontfaces CSS-->
    <link href="css/font-face.css" rel="stylesheet" media="all">
    <link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
    <link href="vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
    <link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

    <!-- Bootstrap CSS-->
    <link href="vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">

    <!-- Main CSS-->
    <link href="css/theme.css" rel="stylesheet" media="all">

    <!-- Vendor CSS-->
    <link href="vendor/animsition/animsition.min.css" rel="stylesheet" media="all">

    <!-- Vue JS-->
    <script src="vendor/vue/vue.min.js" ></script>
    <script src="vendor/vue/vue-i18n.js" ></script>

    

</head>

<body>
  <!-- Vue实例作用域开始。v-cloak标签用于在渲染前禁止显示模板标签，v-cloak需要在css中进行定义-->
  <div id="vuejsdisplay" v-cloak>
  <div id="like_button_container"></div>
    <div class="page-wrapper">
        <!-- MENU SIDEBAR-->
        <aside class="menu-sidebar d-none d-lg-block">
            <div class="logo">
                <a href="#">
                    <img src="images/icon/websoft9-imagepanel.png" alt="Cool Admin" />
                </a>
            </div>
            <div class="menu-sidebar__content js-scrollbar1">
              <nav class="navbar-sidebar" id="leftmenu"> <panelleftmenu></panelleftmenu> </nav>
            </div>
        </aside>
        <!-- END MENU SIDEBAR-->

        <!-- PAGE CONTAINER-->
        <div class="page-container" >
            <!-- HEADER DESKTOP-->
            <panelheader></panelheader>
            
            
            <!-- HEADER DESKTOP-->

            <!-- MAIN CONTENT-->
            <div class="main-content" >
                <div class="section__content section__content--p30">
                   <!-- 镜像Welcome说明-->
                  <displayindexcomponents></displayindexcomponents> 
                               
                   <!-- End 镜像Welcome说明-->
                    <div class="container-fluid">

                         <!-- 快速安装-->
                         <div class="row">
                            <div class="col-md-12">
                                <div class="overview-wrap">
                                    <h2 class="title-2"> {{ $t("message.index_qs") }}</h2>
                                </div>
                            </div>
                        </div>                
                        <div class="row m-t-25" id="stackinstallation" v-if="isinfrastructure"><installsteps></installsteps></div>
                        <div class="row m-t-25" id="appsinstallation" v-else> <installappssteps></installappssteps></div>
                        <!-- End 快速安装-->


                        <!-- 远程连接与FTP-->
                        <div class="row">
                                <div class="col-md-12">
                                    <div class="overview-wrap">
                                        <h2 class="title-2"> {{ $t("message.index_ylike") }}</h2>
                                    </div>
                                </div>
                        </div>

                        <div class="row m-t-25">
                            <div class="col-lg-6">
                                <div class="au-card recent-report">
                                    <div id="accordion">
                                        
                                        <div class="card">
                                          <div class="card-header" id="headingTwo">
                                            <h5 class="mb-0">
                                              <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                {{ $t("message.index_qa11") }}
                                              </button>
                                            </h5>
                                          </div>
                                          <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                            <div class="card-body" v-html="$t('message.index_qa12')">
                                          
                                            </div>
                                          </div>
                                        </div>
                                        
                                        <div class="card">
                                          <div class="card-header" id="headingThree">
                                            <h5 class="mb-0">
                                              <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                {{ $t("message.index_qa21") }}
                                              </button>
                                            </h5>
                                          </div>
                                          <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                                            <div class="card-body" v-html="$t('message.index_qa22')">
                                                                       
                                            </div>
                                          </div>
                                        </div>
                                      </div> 
                                </div>
                            </div>
                            
                            <div class="col-lg-6">
                                <div class="au-card recent-report">
                                    <div id="accordion">
                                        
                                        <div class="card">
                                          <div class="card-header" id="headingFour">
                                            <h5 class="mb-0">
                                              <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                {{ $t("message.index_qa31") }}
                                              </button>
                                            </h5>
                                          </div>
                                          <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
                                            <div class="card-body" v-html="$t('message.index_qa32')">
                                         
                                            </div>
                                          </div>
                                        </div>
                                        <div class="card">
                                          <div class="card-header" id="headingFive">
                                            <h5 class="mb-0">
                                              <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                                {{ $t("message.index_qa41") }}
                                              </button>
                                            </h5>
                                          </div>
                                          <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
                                            <div class="card-body">
                                              {{ $t("message.index_qa42") }}                              
                                            </div>
                                          </div>
                                        </div>
                                      </div> 
                                </div>
                            </div>
                        </div>
                        <!-- End 远程连接与FTP-->
                        
                        <!-- 版权区-->
                        <script src="js/copyright.js"></script>
                        <!-- End 版权区-->
                    </div>
                </div>
            </div>
            <!-- END MAIN CONTENT-->
            <!-- END PAGE CONTAINER-->
        </div>

    </div>

    <!-- Modal -->
    <modalsupport></modalsupport>

    <!-- Jquery JS-->
    <script src="vendor/jquery-3.2.1.min.js"></script>
    <!-- Bootstrap JS-->
    <script src="vendor/bootstrap-4.1/popper.min.js"></script>
    <script src="vendor/bootstrap-4.1/bootstrap.min.js"></script>
    <!-- Vendor JS -->
    <script src="vendor/animsition/animsition.min.js"></script>    
    <!-- Main JS-->
    <script src="js/main.js"></script>

    <!-- Websoft9 config-->
    <script src="js/websoft9.js"></script>

</div>
</body>
</html>
<!-- end document-->